<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D旋转图库</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="box">
        <div style = --i:1><img src="./img/1.jpg"></div>
        <div style = --i:2><img src="./img/2.jpg"></div>
        <div style = --i:3><img src="./img/3.jpg"></div>
        <div style = --i:4><img src="./img/4.jpg"></div>
        <div style = --i:5><img src="./img/5.jpg"></div>
        <div style = --i:6><img src="./img/6.jpg"></div>
        <div style = --i:7><img src="./img/7.jpg"></div>
        <div style = --i:8><img src="./img/8.jpg"></div>
        <h1>这里有美丽的风景</h1>
    </div>
</body>
</html>